<template>
    <div class="yybox four-cornor-wrapper" style="background:#fff;">
      <i class="l"></i>
      <i class="r"></i>
      <i class="t"></i>
      <i class="b"></i>
      <!-- main -->
      <h2 class="common-title">
        <span class="main">减肥常识</span>
      </h2>
      <!-- product-list -->
      <div v-if ="infoArr.length > 0">
        <ul class="product-list">
          <li class="product-list-item" v-for="(v, i) in infoArr" :key="i" @click="viewProduct(v)">
            <div class="product-img"><img :src="v.image" /></div>
            <div class="product-title">
              <div class="topTitle">
                {{v.title}}
              </div>
              <p class="content">
                {{v.intro}}

              </p>
              <p class="pTime">
                发布日期: {{v.time}}
              </p>
            </div>
          </li>
        </ul>
        <!-- <div class="clearfix mt20" >
          <div class=" fr">
            <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page="params.pagenum"
              :page-sizes="[12, 24, 36, 48]"
              :page-size="params.pagesize"
              layout="total, sizes, prev, pager, next, jumper"
              :total="total">
            </el-pagination>
          </div>
        </div> -->
      </div>
      <div class="no-data" v-else>暂无数据</div>
      <!-- end product list -->
    </div>
</template>
<script>
export default {
  data () {
    return {
      params: {
        areaId: 403890,
        // gcId: '',
        // gcId1: '',
        keyWord: '',
        orderId: 10,
        pagenum: 1,
        pagesize: 12,
        appCode: 'resident'
      },
      products: [],
      total: 0,
      infoArr: [
        {id:21,title: '冬季健身的好处 冬季怕冷吃这些好', time: '2018-12-14', image: require('../../assets/info/reduce1.jpg'), intro:"很多人在冬天喜欢窝在被窝中，而不愿起床锻炼身体，其实在冬天健身，对我们是有很多好处的，但是因为冬天非常的寒冷，所以我们健身的时候一定要注意一些事项，很多人冬天是比较怕冷的，有些食物是可以达到很好的驱寒作用的，你都知道有哪些吗?", topContent: '<p>&nbsp;&nbsp;<span>&nbsp; &nbsp; 一般人们所说的“癌症”习惯上泛指所有恶性肿瘤。恶性肿瘤生长速度快，呈浸润性生长，易发生出血、坏死、溃疡等，并常有远处转移，造成人体消瘦、无力、发热以及严重的脏器功能受损等。因此恶性肿瘤患者往往需要长期坚持用药治疗。鸦胆子油软胶囊是临床上可用于治疗癌症的药物，那么鸦胆子油软胶囊能够长期服用吗?</span></p>', content: `冬季健身的好处<br>1、抵御寒冷<br>在冬天健身，能够增强抗风的能力，健身可以使肌肉不断的收缩运动,能够加快我们的呼吸,促进我们的新陈代谢,所以冬季健身能够使我们体内的热量散发出来，提高我们的御寒能力。坚持冬季锻炼，可以不再怕这个寒冷的冬天。<br>2、增强抵抗力<br>在冬季健身,具有强身健体的作用，我们经过不断的锻炼,能够增强我们的体质,调养肺气,身体的免疫力不断的增强，能够对一些疾病具有很好的抵抗能力,所以在冬季健身能够增加我们的抵抗能力。<br>3、减压排毒<br>运动能够增加我们的血液循化，加快我们新陈代谢的速度，所以在冬季健身具有很好的排毒所用，能够促进我们身体随着汗液排出体内的有害物质，而且运动能够缓解压力，能够疏解我们的身心，具有好心情，是很好的减压方式。<br>4、减肥<br>在寒冷的环境中锻炼,人体会消耗更多的卡路里,因为身体需要消耗更多的能量保持身体温暖。当温暖的身体接触冷空气或吸入冷空气时,运动燃烧的卡路里会轻微增加。<br>5、预防骨质疏松<br>冬天进行户外运动,可以充分享受阳光。日光中的紫外线被人体吸收后能将血液中的胆固醇转化为维生素D,并能促进身体对钙的吸收。中老人坚持进行锻炼,可以有效预防骨质疏松症。`},
        {id:22,title: '睡前减肥小妙招', time: '2018-12-10', image: require('../../assets/info/reduce2.jpg'), intro:"睡觉前我们可以适当的做一些运动来减肥。不过需要注意的是，在睡觉之前绝对不能做一些太过激烈的运动，这样会使我们的精神一直保持亢奋，从而出现睡不着失眠的情况。", topContent: '<p><span>&nbsp; &nbsp; 在我国，中药有悠久历史。疗效是中医的生命，辨证论治是中医的精髓。当辨证、选方、用药确定后，合理用量便成为提高临床疗效的关键。“理、法、方、药”为传统辨证论治体系的四个关键要素，而关于“量”的问题则缺乏系统的理论阐述。</span></p><p>&nbsp; &nbsp; 方药用量策略指医生为追求最大疗效，选择最佳用量范围的过程。用量策略是方药剂量理论的重要组成部分，也是考量医生临床水平的重要标准。医圣张仲景《伤寒杂病论》之方药少而精，药专力宏，被誉为“经方”，是历代中医经典名方的集中代表。但因年代久远，度量衡屡经变异，使仲景经方之本源剂量成为千古之谜——关于经方1两如何折算，有几十种答案。</p>', content: `睡前减肥小妙招<br>睡前减肥小妙招之睡前泡个脚<br>脚是人体中离心脏最远的部位，对血液回流尤其是下半身肥胖的影响很大。睡前泡个脚可以利用热水温度对脚局部的温暖刺激，促进血液循环，排除体内积存的毒素及废物，从而加快人体脂肪的燃烧，达到减肥的目的，尤其是对下半身肥胖者有好处。<br>而且，泡脚可以驱散体内的寒意，调整机体内分泌的平衡，还可以消除失眠、头痛、生理不顺等情况，可谓好处多多。<br>睡前减肥小妙招之腹部按摩8分钟<br>以肚脐为中心，手掌紧贴于腹部画圈按摩，每次8分钟左右。腹部按摩能够有效刺激腹部的经络，帮助提升脂肪代谢的速度，在按摩的同时，肠道的蠕动速度也会随之加快，第二天的“排毒”也会感觉顺畅了。<br>另外，按摩时若配合擦点塑身霜或精油效果应该会更好。<br>睡前减肥小妙招之喝杯柠檬蜂蜜水<br>适当的喝柠檬蜂蜜水不但能够起到排毒通便的作用，还能够增加我们睡眠的质量。除此之外，蜂蜜柠檬等还能够起到美容养颜的作用。因此，在睡觉之前喝一杯柠檬蜂蜜水，能够为我们身体在夜间的运转提供所需要的水分。<br>蜂蜜水也可以用牛奶来代替。只是蜂蜜水最好在睡前1小时喝。另外，在睡觉前千万不能吃别的食物，水果也不可以，这样会使脂肪被储存，从而出现长胖的情况。<br>睡前减肥小妙招<br>睡前减肥小妙招之做会睡前瑜伽<br>睡觉前我们可以适当的做一些运动来减肥。不过需要注意的是，在睡觉之前绝对不能做一些太过激烈的运动，这样会使我们的精神一直保持亢奋，从而出现睡不着失眠的情况。<br>所以，在睡觉前我们可以做一些比较简单的瑜伽动作，这样不但能够净化我们的心灵，还能够达到减肥的效果。<br>睡前减肥小妙招之全身泡个澡<br>除了泡脚外，还可以在睡前泡个美美的热水澡。不同于一般的淋浴，将整个身体浸入浴缸时，血液流通速度会因血管壁的扩张而迅速加快，继而全身肌肉以及 脏器内的血液循环加快，更利于皮肤以及脏器的排毒。同时，温热的状态能够加速脂肪代谢的进程。在全身浴的时候水压会压迫着血管和淋巴，这样能够有效促进淋巴代谢，多余的水分和垃圾不见了，身体自然轻松不少。<br>而且，在泡全身浴的时候，肌肤上的毛孔会因温度的升高而打开，沉积在毛孔中的油脂和垃圾也会随汗液排出。所以，全身浴不仅有高效的瘦身作用，还能改善减肥时期各种原因造成的气色问题。<br>睡前减肥小妙招之贴墙站半小时<br>贴墙站立瘦身法也就是我们平常说的“站墙根”，这种简单的方法不仅不会使人产生疲劳感，还能够有效消耗 全身脂肪，同时紧实肌肤，加速新陈代谢，帮助提升睡眠质量。<br>只是，练习时要记住“三点一线”的核心动作要领，就是足跟、臀部、后脑勺，要三点一线尽量贴住墙根， 膝盖、足跟并拢，双手放松自然下垂于身体两侧，但若想要更快的瘦身速度，可以将双臂用力绷直贴于大腿外侧，同时保持全身肌肉的紧绷状态。`},
        {id:23,title: '你都这么瘦了，为什么还要跑步？', time: '2018-12-05', image: require('../../assets/info/reduce3.jpg'), intro: "对于经常跑步的人而言，身边总会有几个不跑步的朋友，对你的跑步事业「异常关心」，时不时的还会送上几句「贴心」问候。", topContent: '<p>&nbsp; &nbsp; 油盐酱醋家家都需要，它们是居家必不可少的调料，多方面了解其对用药的影响，在应用药物治疗时将大有益处。</p><p>&nbsp; &nbsp;<strong>&nbsp;油对药物治疗的影响：</strong>首先，由于高脂肪性食物可抑制胃酸分泌，服用铁剂时，会对铁的吸收产生影响;高脂肪性食物还会使某些抗生素的吸收降低，对其生物利用度产生影响，例如，油脂会使强力霉素药效降低20%。另外，油脂可使某些驱虫药的溶解度增加，从而增加胃肠道对其的吸收，使药物在肠道中的浓度降低，不仅降低疗效，还可因吸收增加而引起中毒反应。</p>', content: `当我们跑步时，大脑会分泌很多兴奋型神经递质，比如大家耳熟能详的「多巴胺」和「内啡肽」。<br>    多巴胺是一种神经传导物质，用来帮助细胞传送脉冲的化学物质。这种脑内分泌物和人的情欲、感觉有关，它传递兴奋及开心的信息。<br>    内啡肽（endorphin）亦称安多芬或脑内啡，是一种内成性（脑下垂体分泌）的类吗啡生物化学合成物激素。它是由脑下垂体和脊椎动物的丘脑下部所分泌的氨基化合物（肽） 。它能与吗啡受体结合，产生跟吗啡、鸦片剂一样的止痛效果和欣快感。<br>除此之外，据世界卫生组织统计，目前 20% 的全科医生会在治疗抑郁症时，推荐跑步作为替代药品进行辅助治疗。而且跑步在心理层面上，也能够为抑郁症患者产生积极影响。因此，有些医生会建议忧郁症患者以长跑驱赶低落的情绪。<br>此外，2013 年发表在「运动与运动医学与科学」杂志上的一篇文章也表示，运动是治疗抑郁症的有效替代疗法。<br>02 提高认知改善记忆力<br>▲ Photo by Maarten van den Heuvel on Unsplash<br>2016年西班牙格林纳达大学的一项研究指出，有氧运动促进了大脑中新的神经通路的生长，并且防止细胞变性，促进大脑关键部位血管的生长，从而增加了到这些区域的营养物和能量的供给。因此在经过短短3至6周的有氧运动之后，人类的认知能力就会得到明显的改善。<br>此前，美国跑步媒体《Runner’s World》引用了一份刊载于世界第五大学术期刊《SAGE Jornals》的研究报告。报告中指出，普通人只要长期坚持每次跑步15分钟以上，记忆力就可以有显著提高，而且可以预防老年痴呆。<br>03 一颗强壮的心脏<br>跑步对你的整个身体都会产生深远的正面影响，首先是所有肌肉中最重要的那一块——心脏。心脏从肺获得氧气，通过血液把氧气经过你体内的动脉/毛细血管网运送到肌肉。<br>规律的跑步会使得心肌变得更粗大和强劲，增强其把血液泵到全身的能力，同时也改善冠状动脉的血液供应（供应给心脏的血液）。由于心脏效率的提高，你能以更慢的心率完成特定的工作，这反过来减轻了心脏的负担，降低了心肺系统发生意外的风险。<br>04 更强的耐力与肌肉<br>疲劳被认为是人们享受锻炼的最大阻碍，疲劳通常是一种由高强度锻炼所带来的肌肉烧灼的感觉。这种感觉是由乳酸在肌肉内堆积所造成的——这是把糖原转为能量的副产品。<br>而规律训练的好处之一，就是提高你处理乳酸的能力，从而也就提高了身体的乳酸阈值。把运动的强度保持在乳酸阈值附近，有助于提高机体清除这种酸性状态的效率，从而帮助你保持锻炼的强度。<br>此外，肌肉最主要的燃料来源是糖原（碳水化合物）和脂肪，它们分解变成做功所需要的能量。通过规律的训练，你的身体将变得更有效率，可以使用更少的糖原完成特定的工作。<br>需要注意的是，采用正确的跑步姿势至关重要，这不但能提高肌肉的功能，也能预防身体遭受过度使用所带来的损伤。<br>05 让你健康更长寿<br>▲ Photo by Quino Al on Unsplash<br>跑步能提高人体免疫力与机体的代谢能力，延缓衰老细胞的癌变，增加吸氧量，加快肠胃蠕动减少致癌机会。<br>根据美国国家癌症研究所的数据，运动与结肠癌和乳腺癌风险降低有关。一些研究也报道了运动与降低前列腺癌，肺癌风险之间的联系。<br>而且，据美国心脏病专家在2017年的研究成果中显示，从上世纪七十年代中期开始，研究对象54人中很多跑了上百场马拉松比赛，平均寿命81岁。数据充分显示，心血管和冠心病发病率很低。跑步，降低了跑者因任何原因死亡的风险，并延长了他们的生命大约三到六年。<br>Mayo Clinic Proceedings 也曾发表过一项分析，每周只运动50分钟，相当于跑两个五公里，就可以保护身体免受中风、关节炎、糖尿病、高胆固醇的风险，同时较低的运动量也减小了受伤概率。<br>相信每个跑者心里对这个问题自有其答案，无论是为了健身、减肥、减压，还是为了找寻自我，亦或其他。如果硬要说出几个理由，有2个理由很有必要说一下：<br>01 运用自己所拥有的力量<br>跑步能够让我们与本能建立联系，而这些本能会赋予我们力量。跑步时，我们会激活身体中那些让我们更具活力的部分，当与这些本能建立起联系之后，就会感到更有生命力。<br>跑步会激活大脑额叶——人的意识脑。大脑的这个部分负责决策，负责激活积极激素，控制深层潜意识的消极反射信息。释放自己的潜力，就是让自己变得更好。<br>02 成为一个更好的人<br>多数人每年都会有那么几天感觉到压力很大，像是处于非常状态，这时以舒适的节奏跑步时，整个身心中会激活一系列积极的回路。这会带来更好的思维状态，并进一步激发自信和能量。<br>研究表明，在爱上跑步之后，人们的心态会朝着积极方向发展。日积月累，跑者通常会呈现出更积极的气度和整体态度。即使只跑一次，也会对自己和未来有更好的感觉。跑步有助于让我们的思维、身体、精神进入平衡状态，给我们带来从其他任何活动上都得不到的容光焕发。<br>跑步，不只减肥<br>用完美的跑姿<br>无伤无痛的一直跑下去吧`},
        // {id:24,title: '长期喝白酒是抗癌，还是患癌？', time: '2018-12-14', image: require('../../assets/info/health4.jpg'), intro:"白酒是日常生活中常见的酒类，尤其是一些上了岁数的人更喜欢喝浓香型的白酒，喝起来是别有一番滋味。而最近几年有传言说长期喝白酒还可以抗癌。", topContent: '<p><span>&nbsp; &nbsp; 药品容易受到光线、温度、湿度、微生物的影响与破坏。如药品存放不当，或存放过久，会使药品质量下降或变质无效，用这样的药品会造成不良后果。</span></p>', content: '<p>&nbsp; &nbsp; 一般来讲，药品是否变质要依靠理化的方法，或生物检验方法来检验判定。但是，除专业机构外，一般情况下很难做到。大量的、更重要的方法还是要从药品的外观性状来观察是否变质，通过人的五官判断药品有何变化。当出现下列情况时，就不能再用了。</p><p>&nbsp;<strong>&nbsp;&nbsp; [药品]你家的药品存放正确吗</strong></p><p>&nbsp; &nbsp; 注射剂：观察药液是否澄明，有无变色等。注射剂除个别特殊的品种允许有轻微浑浊外，一般都是澄明的液体。凡有明显浑浊、沉淀或结晶析出，经加热不能溶解者均不可使用。还有些中草药注射液在贮存中容易产生浑浊或沉淀，也不可使用。</p><p>&nbsp; &nbsp; 片剂、胶囊剂：如发现药片有受潮粘连、松片膨大、变形、裂片以及糖衣片变色或严重斑点、变花发霉等不可使用。如发现酵母片发霉生虫，维生素C片氧化变色，阿斯匹林片遇潮后有醋酸的酸味，不可使用。有些中成药如舒筋活血片吸潮后变棕褐色，药片松散、粘连不宜使用。胶囊剂容易吸潮发粘，若内容物变质，则不可供药用。</p><p>&nbsp; &nbsp; 散剂：结块发霉、变色粘连不可使用。</p><p>&nbsp; &nbsp; 眼药水：打开后要在3—5天左右用完。如发现存放的眼药水有变色如絮状物，不可再用。</p><p>&nbsp; &nbsp; 酊剂、浸膏剂、糖浆剂：如检查中发现有沉淀、发霉、变色等不可使用。如颠茄合剂贮存过久有沉淀析出，就不要再继续使用；如有些止咳糖浆有发酵、发霉状不可使用。</p><p>&nbsp; &nbsp; 软膏剂：一般较稳定，但应检查其基质有无酸败，异臭，亦应检查有无油层析出或结晶析出。若有油层或结晶析出，经加工调匀后可使用，但若变色、异臭者则不能使用。</p><p>&nbsp; &nbsp; 丸剂：变色、发干、霉变生虫、有异味不能使用。</p>'},
        // {id:25,title: '拔罐有什么好处 能治疗疾病吗？', time: '2018-12-17', image: require('../../assets/info/health5.jpg'), intro:"相信大家都听说过拔罐，它是一种传统的中医养生疗法，主要针对人体穴位或患病部位进行治疗，消除疼痛、消化不良、落枕等症状，但是不能治疗疾病，因此，大家在遇到疾病来临时，还是要去正规医院治疗。", topContent: '<p>&nbsp;<span>&nbsp; &nbsp; 人体自然的生物节律就犹如心脏跳动一样重要，体内无一器官没有各自的节律，节律消失就意味着人体的死亡。医生和药物学家认识到，按一定的时间表服用药物，可以收到更好的药用效果。下面将部分药品服用的最佳时间介绍如下。</span></p>', content: '<p>&nbsp; &nbsp;<strong>&nbsp;哮喘药：</strong>夜间任何人肺部的工作效率都不如白天高，所以哮喘病人往往在夜晚呼吸困难，且在夜晚容易丧命：哮喘病专家有时就把某些药物夜间服用剂量增大到早上的2倍。</p><p>&nbsp;<strong>&nbsp;&nbsp; 抗癌药：</strong>医生对118名白血病患儿进行治疗时，在下午至晚上对这些孩子使用细胞毒，患者比较容易承受。研究表明，健康的细胞主要是午分裂，而癌细胞是整天分裂：因此，晚上进行化疗大概会少杀死一些健康细胞。</p><p>&nbsp; &nbsp;<strong>&nbsp;滋补药：</strong>适宜在早晨空腹时或晚上临睡前服用，便于人体吸收和利用。</p><p>&nbsp; &nbsp;<strong>&nbsp;维生素：</strong>一般宜在两餐之间服用，但维生素K用于止血时应及时服用。</p><p>&nbsp;&nbsp;<strong>&nbsp; 抗生素：</strong>宜在饭前服用，可使药物在通过胃时不会过分稀释，从而能达到更好的效果。</p><p>&nbsp;&nbsp;<strong>&nbsp; 过敏药：</strong>在临睡前半小时服用，可减少嗜睡等副作用对生活带来的影响。</p><p><strong>&nbsp; &nbsp; 胃肠溃疡药：</strong>最好在睡前加服一次。因为夜里胃酸分泌有一个高峰期。</p><p>&nbsp; &nbsp;&nbsp;<strong>铁剂：</strong>贫血者每晚7时服药比早晨7时服药吸收率要高1倍。</p><p>&nbsp; &nbsp;<strong>&nbsp;止痛药：</strong>通常在中午服用，因为上午11―12时是人体对痛觉最敏感的时候。吗啡和杜冷丁则在晚上9时使用时镇痛效果最好。</p><p>&nbsp; &nbsp;<strong>&nbsp;止喘药：</strong>宜在晚上临睡前服用，以预防病人在凌晨2时最敏感期发作。</p><p>&nbsp; &nbsp;&nbsp;<strong>降压药：</strong>宜安排在早上10时、下午3时服用，临睡前不宜服用降压药。助消化药。宜在饭前或饭后5分钟服用，前者可促进消化液分泌，后者可使之充分与食物混合。心脏病药。宜在早晨6―8时服用，不仅见效快，且可抗过心脏病危险期。</p><p>&nbsp; &nbsp; 不同药物由于作用原理等的不同应选择不同的服用时间。依据时辰的药理学，选择最适宜的服药时间，就可达到增强药物疗效，减少和避免药品不良反应</p>'},
        // {id:26,title: '冬季如何养生保健 有暖身三大宝帮你', time: '2018-12-16', image: require('../../assets/info/health6.jpg'), intro:"四季之中，冬季是藏的季节，五脏之中，肾是主藏的脏腑。那么，冬季养肾的核心是什么呢？就是“无扰乎阳”！肾为先天之本，在人的一生中，肾气是不断衰减消耗的，在阳气较弱的冬季，补肾阳是养生的主旋律。", topContent: '<p><span>&nbsp; &nbsp; 临床表现皮疹多发生于颜面，尤其是颊、额、鼻旁等，皮疹炎症明显，或有口臭口干，脓疱，尿黄便结，苔黄，舌质红，脉数。此时，可以服用清胃黄连丸，能起到很好的疗效。那么，清胃黄连丸不良反应是什么?可以长期用吗?</span></p>', content: '<p>&nbsp; &nbsp; 清胃黄连丸是由黄连80g、 石膏80g、 桔梗80g、 甘草40g、 知母80g、 玄参80g、 地黄80g 、牡丹皮80g 、天花粉80g 、连翘80g、 栀子200g、 黄柏200g 、黄芩200g 、赤芍80g 中药组成。清胃黄连丸具有清胃泻火，解毒消肿的功效。</p><p>&nbsp; &nbsp; 临床上清胃黄连丸主要用于口舌生疮，齿龈、咽喉肿痛，效果显著，不良反应小，有需要的患者可以放心使用。但建议不要长期服用，以免对身体造成不必要的伤害，患者在用药时要根据自己的实际病情来决定用药时间的长短，要科学用药。</p><p>&nbsp; &nbsp; 有研究表明, 以黄连解毒汤为主要组成的清胃黄连丸可以显著抑制醋酸所致小鼠毛细血管通透性增高, 抑制蛋清所引起的大鼠足肿胀, 抑制二甲苯所致小鼠耳廓的肿胀。说明清胃黄连丸具有抗炎作用。</p><p>&nbsp; &nbsp; 服用清胃黄连丸的注意事项：药性苦寒，泻下力猛，如体虚便溏，年老，孕妇均应禁用。</p><p>&nbsp; &nbsp; 由于清胃黄连丸方中黄芩、黄连等清热药较多，饭前服用可能引起肠胃不适，这是因为药物对胃肠道的刺激较大，建议饭后服用效果更好。但是，如果是实热患者，热性较强者，建议饭前服用，这样药物的泄热作用强大，清热作用显著，请患者根据自己的实际情况用药。</p>'}
      ]
    }
  },
  filters: {
    fixed (val) {
      return val.toFixed(2)
    }
  },
  mounted () {
    // this.getProducts()
  },
  methods: {
    handleSizeChange (val) {
      this.params.pagesize = val
      this.getProducts()
    },
    handleCurrentChange (val) {
      this.params.pagenum = val
      this.getProducts()
    },
    viewProduct (i) {
      sessionStorage.setItem('curInfo', JSON.stringify(i))
      this.$router.push('/info/detail')
    },
    searchHandle (val) {
      this.params.keyWord = val
      this.getProducts()
    },
    getProducts () {
      this.$store.commit('UPDATE_LOADING')
      commonAjax(['app/shop/goods/list', this.params], `${PLATFORM_PREFIX}.shoppingMallService`, 'doPost').then(res => {
        this.$store.commit('UPDATE_LOADING')
        if (res.data.code === 200) {
          let body = JSON.parse(res.data.body)
          if (body.data.total > 0) {
            console.log(body.data.goods)
            this.total = body.data.total
            this.products = body.data.goods
          } else {
            this.products = []
          }
        }
      })
    },
    orderProduct () {
      if (this.params.orderId === 10) {
        this.params.orderId = 11
      } else {
        this.params.orderId = 10
      }
      this.getProducts()
    },
    priceProduct () {
      if (this.params.orderId === 20) {
        this.params.orderId = 21
      } else {
        this.params.orderId = 20
      }
      this.getProducts()
    }
  }
}
</script>

<style lang="less" scoped>
@import '../../common/css/vars.less';
.common-title {
  padding: 20px;
  border-bottom: 2px solid #FCF6F2;
  overflow: hidden;
  .main {
    float: left;
    color: @color-primary;
    font-size: 1.2em;
  }
  .sub {
    float: left;
    margin-left: 80px;
    margin-top: 12px;
    color: #666;
    font-size: 14px;
    .iconfont {font-size: 12px;}
    dt , dd{float: left;margin-left: 20px;cursor: pointer;}
  }
}
.product-list{
  overflow: hidden;
  padding: 20px;
  >.product-list-item {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid @color-border;
    padding: 10px;
    transition: all .5s;
    cursor: pointer;
    overflow: hidden;
    &:hover{
      border-color: #EAD0C3;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    }
    .product-img{
      width: 200px;
      height: 160px;
      float: left;
      margin-right: 20px;
      position: relative;
    }
    .product-img > img {
      width: 80%;
      // height:100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
    }
    .product-title {
      width: 760px;
      float: left;
      .topTitle{
        width: 100%;
        line-height: 2;
        font-size: 16px;
      }
      .content{
        width: 100%;
        line-height: 1.5;
        font-size: 14px;
        color:#666;
      }
      .pTime{
        margin-top: 30px;
        color:#666;
        font-size: 12px;
      }
    }
  }
}
</style>
